{% extends './layout.html' %} {% block title %} {{ title }} {% endblock %}{% block crumbs %}
<a href="/">首页</a>
<a><cite>留言管理</cite></a>
{% endblock %}{% block body %}
<div class="layout_cont" id="messageList" style="margin-bottom: 15px;">
	<div class="layui-card">
		<div class="layui-card-header">
			<h2>卡片面板</h2>
			<p>IP：</p>
			<button type="button" class="layui-btn layui-btn-xs">回复</button>
		</div>
		<div class="layui-card-body">
			卡片式面板面板通常用于非白色背景色的主体内<br> 从而映衬出边框投影
		</div>
		<div class="layui-card-bottom">
			111111
		</div>
	</div>
	<div class="layui-card">
		<div class="layui-card-header">
			<h2>卡片面板</h2>
			<p>IP：</p>
			<button type="button" class="layui-btn layui-btn-xs">回复</button>
		</div>
		<div class="layui-card-body">
			卡片式面板面板通常用于非白色背景色的主体内<br> 从而映衬出边框投影
		</div>
		<div class="layui-card-bottom">
			111111
		</div>
	</div>
	<div class="layui-card">
		<div class="layui-card-header">
			<h2>卡片面板</h2>
			<p>IP：</p>
			<button type="button" class="layui-btn layui-btn-xs">回复</button>
		</div>
		<div class="layui-card-body">
			卡片式面板面板通常用于非白色背景色的主体内<br> 从而映衬出边框投影
		</div>
		<div class="layui-card-bottom">
			卡片式面板面板通常用于非白色背景色的主体内从而映衬出边框投影
		</div>
	</div>
	<div class="layui-card">
		<div class="layui-card-header">
			<h2>卡片面板</h2>
			<p>IP：</p>
			<button type="button" class="layui-btn layui-btn-xs">回复</button>
		</div>
		<div class="layui-card-body">
			卡片式面板面板通常用于非白色背景色的主体内<br> 从而映衬出边框投影
		</div>
		<div class="layui-card-bottom">
			111111
		</div>
	</div>
	<div class="layui-card">
		<div class="layui-card-header">
			<h2>卡片面板</h2>
			<p>IP：</p>
			<button type="button" class="layui-btn layui-btn-xs">回复</button>
		</div>
		<div class="layui-card-body">
			卡片式面板面板通常用于非白色背景色的主体内<br> 从而映衬出边框投影
		</div>
		<div class="layui-card-bottom">
			111111
		</div>
	</div>
	<div class="layui-card">
		<div class="layui-card-header">
			<h2>卡片面板</h2>
			<p>IP：</p>
			<button type="button" class="layui-btn layui-btn-xs">回复</button>
		</div>
		<div class="layui-card-body">
			卡片式面板面板通常用于非白色背景色的主体内<br> 从而映衬出边框投影
		</div>
		<div class="layui-card-bottom">
			111111
		</div>
	</div>
	<div class="layui-card">
		<div class="layui-card-header">
			<h2>卡片面板</h2>
			<p>IP：</p>
			<button type="button" class="layui-btn layui-btn-xs">回复</button>
		</div>
		<div class="layui-card-body">
			卡片式面板面板通常用于非白色背景色的主体内<br> 从而映衬出边框投影
		</div>
		<div class="layui-card-bottom">
			111111
		</div>
	</div>
	<div class="layui-card">
		<div class="layui-card-header">
			<h2>卡片面板</h2>
			<p>IP：</p>
			<button type="button" class="layui-btn layui-btn-xs">回复</button>
		</div>
		<div class="layui-card-body">
			卡片式面板面板通常用于非白色背景色的主体内<br> 从而映衬出边框投影
		</div>
		<div class="layui-card-bottom">
			111111
		</div>
	</div>
</div>
<div id="pageEle" class="layout_page"></div>
{% endblock %} {% block template %}
<form class="layui-form" id="msgForm" lay-filter="msgData" style="display: none; padding: 20px ;">
	<div class="layui-form-item">
		<label class="layui-form-label">用户名</label>
		<div class="layui-input-block">
			<input type="text" name="title" lay-verify="required" lay-reqtext="用户名是必填项，岂能为空？" placeholder="请输入用户名" autocomplete="off" class="layui-input">
		</div>
	</div>
	<div class="layui-form-item">
		<div class="layui-input-block">
			<button type="submit" class="layui-btn" lay-submit lay-filter="add">立即提交</button>
			<button type="button" class="layui-btn layui-btn-primary" lay-filter="reset">重置</button>
		</div>
	</div>
</form>
{% endblock %} {% block scripts %}
<script type="text/javascript">
	layui.use(['layer', 'form', 'laypage', 'custom'], function() {
		var $ = layui.jquery;
		var layer = layui.layer;
		var form = layui.form;
		var laypage = layui.laypage;
		var custom = layui.custom;
		laypage.render({
			elem: 'pageEle',
			count: 10,
			curr: custom.getParam('page') || 1,
			limit: 10,
			layout: ['count', 'prev', 'page', 'next'],
			jump: function(obj, first) {
				if(!first) {
					window.location.href = window.location.href.split('?')[0] + '?page=' + obj.curr
				}
			}
		});
	});
</script>
{% endblock %}